<template>
  <div class="clearfix">
    <!-- <div>
      <el-select v-model="value" placeholder="请选择">
        <el-option
          v-for="item in names"
          :key="item.value"
          :label="item.label"
          :value="item.value"
        ></el-option>
      </el-select>
    </div> -->
    <v-common :tempObj="sallary" class="common"></v-common>
    <v-common :tempObj="sallarydis" class="common"></v-common>
  </div>
</template>

<script>
import vCommon from '../_common/Common'
import axios from 'axios'
import data from './data.js'
export default {
  name: 'saledata',
  data() {
    return {
      sallary: {
        name: '李海龙员工工资报表',
        xName: ['日工数量', '工时数量', '日工价格', '工时价格', '总工资'],
        dtpye: 'line',
        rows: [
          '2018年7月',
          '2018年8月',
          '2018年9月',
          '2018年10月',
          '2018年11月',
          '2018年12月',
          '2019年1月',
          '2019年2月',
          '2019年3月',
          '2019年4月',
          '2019年5月',
          '2019年6月',
          '2019年7月',
          '2019年8月',
          '2019年9月',
          '2019年10月',
          '2019年11月',
          '2019年12月',
          '2020年1月',
          '2020年2月'
        ],
        datasource: [
          [10.247, 9.979, 10.16, 9.933, 9.643, 10.384, 9.838, 9.692, 9.605, 10.105, 10.379, 9.839, 10.306, 9.977, 10.423, 10.366, 9.503, 9.845, 9.993, 10.425],
          [794.608, 775.301, 796.477, 801.674, 805.225, 797.518, 820.888, 767.158, 762.081, 803.563, 764.207, 813.635, 812.927, 762.245, 798.102, 779.024, 795.163, 805.9, 839.166, 781.616],
          [
            2049.35,
            1987.38,
            2041.633,
            2022.052,
            1981.151,
            2135.22,
            2043.093,
            2004.998,
            2016.261,
            2138.718,
            2197.978,
            2093.569,
            2228.989,
            2163.911,
            2269.291,
            2280.443,
            2120.488,
            2213.472,
            2254.309,
            2392.254
          ],
          [
            39730.397,
            39292.329,
            40251.369,
            40381.16,
            40984.25,
            40898.015,
            42443.167,
            40094.563,
            40314.207,
            43273.816,
            41496.61,
            44822.703,
            45596.531,
            42739.198,
            45486.029,
            45340.717,
            46459.245,
            47571.937,
            49582.385,
            46744.855
          ],
          [
            41779.747,
            41279.709,
            42293.002,
            42403.212,
            42965.401,
            43033.236,
            44486.26,
            42099.56,
            42330.469,
            45412.534,
            43694.588,
            46916.272,
            47825.52,
            44903.108,
            47755.32,
            47621.16,
            48579.732,
            49785.409,
            51836.694,
            49137.109
          ]
        ]
      },
      sallarydis: {
        name: '李海龙工资分布图',
        xName: ['日工数量', '工时数量', '日工工资', '工时工资', '总工资'],
        dtpye: 'pie',

        datasource: [
         { name:'日工工资',value:'1290'},
         { name:'工资',value:'2800'}
        ]
      },
      names:[],
      sallaryData: data.sallary
    }
  },
  components: {
    vCommon
  },
  methods: {},
  mounted() {
    console.log(data)
    let sallary = data.sallary
  },
  created() {}
}
</script>
<style scoped>
.common {
  width: 80% !important;
  height: 400px !important;
  display: block;
  /* background: #000; */
}
</style>